$(function(){
	$('.picList li').mouseover(function(){
		var path = $(this).find('img').attr('src');
		var newPath = path.replace('_mini','_medium');
		$('.goodsImg img').attr('src',newPath);
	})
	$(".goodsPic").mouseover(function(){
		var path = $(this).find('.img').find('img').attr('src');
		var newPath = path.replace('_big','_medium');
		$("#bigImg").attr('src',newPath);
	})
//	放大镜
	var gimg = document.getElementById('goodsImg');
	var smooth = document.getElementById('smooth');
	var over =document.getElementById('over');
	var bigImg = document.getElementById('bigImg');
	var imgBox = document.getElementById('imgBox');
	over.onmousemove = function(e){
		smooth.style.display = "block";
		imgBox.style.display = "block";
		// 事件对象
        var ev = e || window.event;
         // 鼠标的位置
        var l = ev.offsetX || ev.layerX;
        var t = ev.offsetY || ev.layerY;
         // 色块的位置
        var left = l - 100;
        var top =  t - 100;
        // 色块的范围
        if(left<=0){
        	left=0;
        }
        if(left>=280){
        	left=280;
        }
        if(top<=0){
        	top=0;
        }
        if(top>=280){
        	top=280;
        }
         // 给小色块赋值
        smooth.style.left = left + "px";
        smooth.style.top = top + "px";
        
         // 给右侧图片赋值
        bigImg.style.left = left * -(100/54) + "px";
        bigImg.style.top = top * -(100/54) + "px";   
      
	}
	  
        //3. 移出事件
	over.onmouseout=function(){
		// 色块消失，右侧消失
		smooth.style.display = "none";
		imgBox.style.display = "none";		
	}
	
//	数量加
	$(".jia").click(function(){
		var num = $(".mycartxt").val();
		num = parseInt(num) + 1;
		if(num>10){
			alert('每个用户最多购买10件！');
			return false;
		}
		$(".mycartxt").val(num);
	})
//	数量减
	$(".jian").click(function(){
		var num = $(".mycartxt").val();
		num = parseInt(num) - 1;
		if(num<1){
			return false;
		}
		$(".mycartxt").val(num);
	})
	
//	选中背景效果
	$(".select a").click(function(){
		$(this).addClass('checked').siblings().removeClass('checked');
		var k = $(this).parents(".select").index();
		var gaid = $(this).attr('gaid');
		$(this).siblings('input').val(gaid);
		var value = $(this).html();
		$(".result strong").eq(k).html(value);
		$(".spec").eq(k).val(value);
		var str = $(".select").eq(0).find('input').val() + ',' +$(".select").eq(1).find('input').val();
		$('#value').val(str);
	})
	
//	立即购买
	$("form").submit(function(){
		
//		获得必要数据
//		1.获得规格属性
		var len = $(".select").length;
		var gaid = '';
		
//		抓取数量
		var num = $('.mycartxt').val();
//		赋值到隐藏域
		$("#num").val(num);
		
		for (var i=0;i<len;i++) {
			var temp = $(".select").eq(i).find('.checked').attr('gaid');
			if(temp){
				gaid += temp + ',';
			}else{
				alert('请选择商品规格！');
				return false;
			}
		}
		return true;
	})
	
//	添加到购物车
	$(".cart").click(function(){
		var len = $(".select").length;
		var gaid= [];
		for (var i=0;i<len;i++) {
			gaid[i] = $(".select").eq(i).find('.checked').attr('gaid');
			if(!gaid[i]){
				alert('请选择商品规格！');
				return false;
			}
		}
//		获得商品id
		var gid = parseInt($("#gid").val());
//		获得购买数量
		var num = $('.mycartxt').val();
//		改变购物车栏的数量
		var haveNum = $('#pordcount').html();
		var num2 = parseInt(num) + parseInt(haveNum);
		$('#pordcount').html(num2);
//		异步到后台处理
		$.ajax({
			type:"post",
			url:cartAdd,
			data:{
				gid:gid,
				gaid:gaid,
				num:num,
			},
			dataType:'json',
			success:function(phpData){
				
			}
		});
//		获得金额与数量
		var cartNum = $('#cartNum').html();
		var cartTotal = $('#cartTotal').html();
//		商品单价
		var price = $('.price_now i').html();
//		改变
		cartNum = parseInt(cartNum)+parseInt(num);
		cartTotal = parseInt(num) *parseInt(price) + parseInt(cartTotal);
//		改变数字
		$('#cartNum').html(cartNum);
		$('#cartTotal').html(cartTotal);
//		显示成功页面
		$('#showcart').css({display:'block'});
//		页面倒计时关闭
		
		
		var i = 10;
		function run(){
			i--;
			$('.timeback span').html(i);
			if (i==0) {
				$('#showcart').fadeOut(300);
				clearInterval(timer);
			}
		}
		var timer = setInterval(run,1000);
		
	})
	$('#showcart .close').click(function(){
		$('#showcart').css({display:'none'});
	})
})
